<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="js/jquery-3.6.0.min.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/小米商城.css">
    <title>小米商城</title>
</head>

<body>
    <div class="body">
        <div class="content">
            <!-- 头部区域 -->
            <header>
                <!-- 导航栏 -->
                <nav>
                    <ul>
                        <li>
                            <a href="小米官网.html">小米官网</a>
                            <span>|</span>
                        </li>
                        <li>
                            <a href="">小米商城</a>
                            <span>|</span>
                        </li>
                        <li>
                            <a href="">MIUI</a>
                            <span>|</span>
                        </li>
                        <li>
                            <a href="">IoT</a>
                            <span>|</span>
                        </li>
                        <li>
                            <a href="">云服务</a>
                            <span>|</span>
                        </li>
                        <li>
                            <a href="">天星数科</a>
                            <span>|</span>
                        </li>
                        <li>
                            <a href="">有品</a>
                            <span>|</span>
                        </li>
                        <li>
                            <a href="">小爱开放平台</a>
                            <span>|</span>
                        </li>
                        <li>
                            <a href="">企业团购</a>
                            <span>|</span>
                        </li>
                        <li>
                            <a href="">资质证照</a>
                            <span>|</span>
                        </li>
                        <li>
                            <a href="">协议规则</a>
                            <span>|</span>
                        </li>
                        <li>
                            <a href="">下载app</a>
                            <span>|</span>
                        </li>
                        <li>
                            <a href="">Select Location</a>
                            <span>|</span>
                        </li>
                    </ul>
                </nav>
                <div class="fu"></div>
                <!-- 登录 -->
                <div class="login">
                    <a href="">登录</a>
                    <span>|</span>
                    <a href="">注册</a>
                    <span>|</span>
                    <a href="">消息通知</a>
                </div>
                <div class="fu1"></div>
                <!-- 购物车 -->
                <div class="shopping">
                    <a href="">
                        <img src="img/购物车.jpeg" alt="">
                        <em>购物车</em>
                        <span>(0)</span>
                    </a>
                </div>
            </header>
            <div class="container1">
                <div class="logo1">
                    <a href="">
                        <img  src="img/小米图标.jpeg" alt="">
                    </a>
                </div>
                <nav>
                    <ul>
                        <li class="firstli">
                            <div class="list">
                                <ul>
                                    <li>
                                        <a href="">手机</a>
                                        <i class="fa fa-angle-right fa-lg fafafalid"></i>
                                    </li>
                                    <li>
                                        <a href="">电视</a>
                                        <i class="fa fa-angle-right fa-lg fafafalid1"></i>
                                    </li>
                                    <li>
                                        <a href="">笔记本 平板</a>
                                        <i class="fa fa-angle-right fa-lg fafafalid2"></i>
                                    </li>
                                    <li>
                                        <a href="">出行 穿戴</a>
                                        <i class="fa fa-angle-right fa-lg fafafalid3"></i>
                                    </li>
                                    <li>
                                        <a href="">耳机 音响</a>
                                        <i class="fa fa-angle-right fa-lg fafafalid4"></i>
                                    </li>
                                    <li>
                                        <a href="">家电</a>
                                        <i class="fa fa-angle-right fa-lg fafafalid5"></i>
                                    </li>
                                    <li>
                                        <a href="">智能 路由器</a>
                                        <i class="fa fa-angle-right fa-lg fafafalid6"></i>
                                    </li>
                                    <li>
                                        <a href="">电源 配件</a>
                                        <i class="fa fa-angle-right fa-lg fafafalid7"></i>
                                    </li>
                                    <li>
                                        <a href="">健康 儿童</a>
                                        <i class="fa fa-angle-right fa-lg fafafalid8"></i>
                                    </li>
                                    <li>
                                        <a href="">生活 箱包</a>
                                        <i class="fa fa-angle-right fa-lg fafafalid9"></i>
                                    </li>
                                    
                                </ul>
                            </div>
                        </li>
                        <li><a href="">Xiaomi手机</a></li>
                        <li><a href="">Redmi手机</a></li>
                        <li><a href="">电视</a></li>
                        <li><a href="">笔记本</a></li>
                        <li><a href="">平板</a></li>
                        <li><a href="">家电</a></li>
                        <li><a href="">路由器</a></li>
                        <li><a href="">服务中心</a></li>
                        <li><a href="">社区</a></li>
                    </ul>
                </nav>
                <div class="input">
                    <input type="text" placeholder="Xiaomi手机">
                    <button>搜索</button>
                </div>
            </div>
            <div class="main">
                <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                    <ol class="carousel-indicators">
                      <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                      <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                      <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                    </ol>
                    <div class="carousel-inner">
                      <div class="carousel-item active">
                        <img src="img/轮播图1.jpeg" class="d-block w-100" alt="...">
                      </div>
                      <div class="carousel-item">
                        <img src="img/轮播图2.jpg" class="d-block w-100" alt="...">
                      </div>
                      <div class="carousel-item">
                        <img src="img/轮播图3.jpeg" class="d-block w-100" alt="...">
                      </div>
                    </div>
                    <button class="carousel-control-prev" type="button" data-target="#carouselExampleIndicators" data-slide="prev">
                      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                      <span class="sr-only">Previous</span>
                    </button>
                    <button class="carousel-control-next" type="button" data-target="#carouselExampleIndicators" data-slide="next">
                      <span class="carousel-control-next-icon" aria-hidden="true"></span>
                      <span class="sr-only">Next</span>
                    </button>
                  </div>
            </div>
        </div>

        
        
    </div>
</body>

</html>